
/* @font-face {

    font-family: 'SimSun';
    src: url('/static/fonts/FZBSJW.TTF'),
       url('/static/fonts/FZBSJW.TTF') format('truetype'),
       url('/static/fonts/FZBSJW.svg#FZBSJW') format('svg');
}
@font-face {


    font-family: 'Simfang';
    src: url('/static/fonts/simfang.ttf'),
       url('/static/fonts/simfang.ttf') format('truetype'),
       url('/static/fonts/simfang.svg#simfang') format('svg');
}
@font-face {


    font-family: 'YaHei';
    src: url('/static/fonts/YaHei.ttf'),
       url('/static/fonts/YaHei.ttf') format('truetype'),
       url('/static/fonts/YaHei.svg#simfang') format('svg');
} */
#cssfrom{
    margin: auto;
    margin-left: 10px;

   
  
 
    }
#liveTime td label{     
     padding-bottom: 30px;   
 }
    #cssfrom div{
    /* margin-left:7px; */
     margin-bottom: 12px;


    }
    /*-----------------------------------------------------------------------------------*/
    #materialinfo b{
     color:#F00;
  
    }
    #materialinfo li a{
        padding:3px 17px;
     
       }
       #materialinfo li a img{
       padding-left: 2px;width:34px; 
     
       }
    fieldset.scheduler-border
    {
        border: 1px solid #428bca;
    
        /*padding: 0em 1.4em 1.4em 1.4em !important;*/
        margin: 0 0 0.8em 0 !important;
        -webkit-box-shadow: 0px 0px 0px 0px #000;
        box-shadow: 0px 0px 0px 0px #000;


    }
    legend.scheduler-border
    {
        width: inherit; /* Or auto */
        padding: 0 10px; /* To give a bit of padding on the left and right */
        border-bottom: none;
        cursor: pointer;
        font-size: 16px;
        font-weight: 900;
        background-color: #428bca;
        color: #fffffb;
        border-radius: 10px;
    }
    .transparent_class {  
         
         /* opacity: 0.5; */ 
          overflow: hidden;
          /*  line-height:1.3 line-height: 1;;
        line-height: 0.96; */
      
    }
    /*-----------------------------------------------------------------------------------*/
    .spinner {  
      width: 196px;  
    }  
    .spinner input {  
      text-align: right;  
   
    }  
    .input-group-btn-vertical {  
      position: relative;  
      white-space: nowrap;  
      width: 1%;  
      vertical-align: middle;  
      display: table-cell;  
    }  
    .input-group-btn-vertical > .btn {  
      display: block;  
      float: none;  
      width: 100%;  
      max-width: 100%;  
      padding: 8px;  
      margin-left: -1px;  
      position: relative;  
      border-radius: 0;  
    }  
    .input-group-btn-vertical > .btn:first-child {  
      border-top-right-radius: 4px;  
    }  
    .input-group-btn-vertical > .btn:last-child {  
      margin-top: -2px;  
      border-bottom-right-radius: 4px;  
    }  
    .input-group-btn-vertical i{  
      position: absolute;  
      top: 0;  
      left: 4px;  
    }  
    .icon {
        width: 1.5em;
        height: 1.5em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    .item {
        float: left;
        position: relative;
        margin: 12px;
    }
    .addImg {
        width: 80px;
        height: 80px;
    }
    
    .preview {
        position: absolute;
        width: 80px;
        height: 80px;
        left: 0;
        top: 0;
    }
    .click {
        position: absolute;
        width: 80px;
        height: 80px;
        left: 0;
        top: 0;
        z-index: 1;
        cursor: pointer;
    }
    .delete {
        position: absolute;
        right: -2rem;
        top: -1rem;
        cursor: pointer;
        display: none;
    }
    .preview img {
        width: 100%;
        height: 100%;
    }
     .time {text-align:center;

    }
    /* .current{
        list-style: none;
        padding-left: 0px;
    }
    .current li{
        margin: 0px 4px 0px 4px;
     } */
    .resizeBR{position:absolute;width:14px;height:14px;right:0;bottom:0;overflow:hidden;cursor:nw-resize;}
    .resizeL,.resizeT,.resizeR,.resizeB,.resizeLT,.resizeTR,.resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0);}
    .resizeL,.resizeR{top:0;width:5px;height:100%;cursor:w-resize;}
    .resizeR{right:0;}
    .resizeT,.resizeB{width:100%;height:5px;cursor:n-resize;}
    .resizeT{top:0;}
    .resizeB{bottom:0;}
    .resizeLT,.resizeTR,.resizeLB{width:8px;height:8px;background:#FF0;}
    .resizeLT{top:0;left:0;cursor:nw-resize;}
    .resizeTR{top:0;right:0;cursor:ne-resize;}
    .resizeLB{left:0;bottom:0;cursor:ne-resize;}
    p {
        margin: 0 0 0px;
      
    }
    

    /*word编辑框*/
    #editor {
      -webkit-user-select: text;
      border: 0;
      width: 100%;
      height: 150px;
      padding: 4px 8px;
      color: #f00;
      resize: none;
      outline: 0;
      vertical-align: top;
      background: #333333;
      font-size: 27px;
      color: #f00;
      font-family: SimSun;
      overflow: auto;
      word-break: break-all;
  }
  #text_pic_form textarea {
      position: absolute;
      top: 78px;
      width: 446px;
      display: none;
  }
  .input-text textarea {
      border: 0;
      width: 100%;
      height: auto;
      padding: 4px 8px;
      color: #ffffff;
      resize: none;
      outline: 0;
      vertical-align: top;
      background: #333333;
  }.input-text {
      height: auto;
  }
  
  .col2 {
      float: left;
      width: 982px;
      padding: 12px 10px;
  }
  .rich_text {
      border: 1px solid #a7a7a7;
      width: 88%;
  }
  .form-group {
      margin-bottom: 0.3571rem;
  }
  .form-group.set, .form-group.set2 {
      margin-bottom: 0;
      padding: 4px 0px 4px 8px;
      background-color: #f9f9f9;
  }
  .w-10 {
      width: 9.1485rem;
  }
  
  .form-group .btn-group > button:first-child {
      width: 100%;
      background-color: #fff;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      /* height: 34px; */
  }
  
  .btn-group .btn {
      outline: none;
      border-radius: 0;
      height: 2.5rem;
      line-height: 0.8571rem;
      padding: 0.2857rem 0.4285rem;
      color: #000;
      border-color: #a2a2a2;
  }
  .btn-group .dropdown-menu {
      top: 20px;
      height: 200px;
      overflow: auto;
  }
  .btn-group .dropdown-menu a {
      max-width: 280px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .w-9 {
      width: 9.4285rem;
  }
  .w-6 {
      width: 5.2857rem;
  }
  .rich_text .font_style {
      float: left;
      margin: 0 6px 5px 0;
  }
  .form-group .btn-group {
      margin-bottom: 5px;
  }
  .form-group .btn-group {
      float: left;
      padding-right: 21px;
      margin-right: 5px;
  }
  .form-group .btn-group .dropdown-toggle {
      right: 0;
      position: absolute;
  }
  .c255{background:#f00;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  .c65280{background:#28ea28;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  .c65535{background:#ff0;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  .c16711680{background:#2363f7;width: 18px;height: 14px;display: inline-block;margin-right: 5px;border: 1px solid #333;margin-bottom: -2px;}
  .c16711935{background:#d704ef;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  .c16776960{background:#0ef2f5;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  .c16777215{background:#fff;width: 18px;height: 14px;display: inline-block;margin-right: 5px;margin-bottom: -2px;border: 1px solid #333;}
  /* .day{
    width:32px; height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  } */
  input[name='year']{
    text-align: center;
    width:195px; height:30px;border: 1px dashed #0f0;
    background-color:transparent !important;

  }
  input[name='month']{
    
    width:32px; height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  }
  input[name='date']{
    
    width:32px; height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  }
  .week{
    /* width:32px;height:30px;border: 1px dashed #0f0;
    background-color:transparent; */
    width:80px;height:30px;border: 1px dashed #0f0 !important;;
    background-color:transparent !important; 
  }

  input[name='hour']{
    /* width:32px; */
    text-align: center;
    width:176px; height:30px;border: 1px dashed #0f0;
    background-color:transparent !important;
  }
  input[name='minu']{
    
    width:32px; height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  }
  input[name='sec']{
    
    width:32px; height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  }
  
  /* .hour{
    width:32px;height:30px;border: 1px dashed #0f0;
    background-color:transparent;
  } */
 